<template>
    <div class="doctor">
        <Header style="z-index:1025">
            <header-menu :index="'3-4'"></header-menu>
        </Header>
        <commodity-top></commodity-top>
        <commodity-nav :titleList="titleList"></commodity-nav>
        <div class="container clearfix">
            <div class="content">
                <div class="left">
                    <list-item :list="list"></list-item>
                </div>
                <div class=" right">
                    <router-view></router-view>
                </div>
            </div>
        </div>
        <bottom-icon></bottom-icon>
        <Footer>
            <page-footer></page-footer>
        </Footer>
    </div>
</template>

<script>
    import HeaderMenu from '../../components/Header/'
    import CommodityTop from '../../components/Commodity/CommodityDe/CommodityTop'
    import CommodityNav from '../../components/Commodity/CommodityDe/CommodityNav'
    import ListItem from '@/components/Commodity/CommodityDe/ListItem'
    import ContentNav from '../../components/Commodity/CommodityDe/ContentNav'
    import BottomIcon from '../../components/BottomIcon/'
    import PageFooter from '../../components/Footer/'
    export default {
        name: "Doctor",
        components :{
            HeaderMenu,
            CommodityTop,
            CommodityNav,
            ListItem,
            ContentNav,
            BottomIcon,
            PageFooter
        },
        data () {
            return {
                list:[
                    {id:1,type:1,title:'医院介绍',titleright:'医院主页',
                        child:[
                            {Img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',name:"北京新星靓医疗",shanchang:"美体塑形、自体脂肪填充、玻尿酸",jianjie:"北京新星靓整形是率先提出以北京新星靓整形是率先提出以",dizhi:'北京海淀区学院路富润家园底商',dianhua:'4009006660-8258'}
                        ],

                    },
                    {id:4,type:3,title:'同院热门预约',titleright:'更多',
                        child:[
                            {  Img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',text:"【自体脂肪填充】【清华羽泉@吕晓杰】自体脂肪面部填充一个部位",newprice:111,noldprice:123,num:50},
                            {  Img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',text:"【自体脂肪填充】【清华羽泉@吕晓杰】自体脂肪面部填充一个部位",newprice:111,noldprice:123,num:50},
                            {  Img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',text:"【自体脂肪填充】【清华羽泉@吕晓杰】自体脂肪面部填充一个部位",newprice:111,noldprice:123,num:50},
                            {  Img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',text:"【自体脂肪填充】【清华羽泉@吕晓杰】自体脂肪面部填充一个部位",newprice:111,noldprice:123,num:50},
                            {  Img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',text:"【自体脂肪填充】【清华羽泉@吕晓杰】自体脂肪面部填充一个部位",newprice:111,noldprice:123,num:50},
                        ],
                    },

                ],
                titleList:[
                    {id:1,name:"首页",show:false,path:'/commoditydetails/home'},
                    {id:2,name:"预约",show:false,path:'/commoditydetails/index'},
                    {id:3,name:"医生",show:false,path:'/commoditydetails/doctor'},
                    {id:4,name:"日记",show:true,path:'/commoditydetails/diary',num:123},
                    {id:5,name:"资讯相册",show:true,path:'/commoditydetails/album'},
                    {id:6,name:"发表",show:false,path:'/commoditydetails/publish',num:123},
                    {id:7,name:"粉丝",num:200,show:false,path:'/commoditydetails/fans'},
                    {id:8,name:"关注",num:200,show:false,path:'/commoditydetails/follow'},
                ]
            }
        }
    }
</script>

<style scoped lang="less">
    @import "../../style/style";
    .doctor{
        .content{
            margin-top: 35px;
            .right{
                width: 925px;
                float: right;
            }
            .left{
                width: 240px;
                float: left;
            }
        }
    }
</style>